<template>
        <!-- 导航栏 -->
        <div>
            <van-nav-bar
            class="app-nav-bar"
            title="小智同学"
            left-arrow	
            @click-left="$router.back()"
            >
            </van-nav-bar>
        <!-- 消息列表 -->
            <van-cell-group class="massage-list">
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
                <van-cell title="单元格" value="内容" />
                <van-cell title="单元格" value="内容" label="描述信息" />
            </van-cell-group>
        <!-- 发消息 -->
        <div class="send-message-wrap">
            <van-field v-model="massage" placeholder="请输入用户名" />
            <van-button type="primary" size="small">发送</van-button>
        </div>
    </div>


</template>
<script>
export default {
 name: 'UserChat',
 data(){
     return {
         massage: ''
     }
 }
}
</script>
<style lang="less" scoped>
.send-message-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 14px;
    background-color: #fff;
    .van-button {
        width: 60px;
    }
}
    .massage-list {
        position: fixed ;
        top: 46px;
        bottom: 44px;
        left: 0;
        right: 0;
        overflow-y: auto;
    }

</style>
